<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="../css/reset.css"/>
        <link rel="stylesheet" type="text/css" href="../css/qxhjian.css"/>
    </head>
    <body>
        <header class="head">
            <div class="left">
                <img src="../imgs/fhjt.png"/>
            </div>
            <div class="center">抢修信息</div>
            <div class="right"></div>
        </header>
        
        <section>
            <nav class="nav">
                <ul>
                    <li class="one">抢修信息</li>
                    <li class="show">换件信息</li>
                    <li>附件信息</li>
                </ul>
            </nav>
            
            <div class="peijian">
                <div class="pei">
                    <div class="jian">
                        <p>配件名称<sup>*</sup></p> 
                        <div class="inp">
                            <input type="text" placeholder="请输入配件名称"/>
                        </div>
                    </div>
                    <div class="shu">
                        <p>配件数量<sup>*</sup></p>
                        <div class="inp1">
                            <input type="text" placeholder="请输入配件数量"/>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="tianjia">
                <div class="btn">
                    <p>添加</p>
                </div>
            </div>
            
            <div class="biao">
                <div class="waiceng">
                    <div class="bian">
                        <p>设备编码</p>
                        <p>维护内容</p>
                    </div>
                    <div class="ping">
                        <div class="left">
                            <img src="../imgs/shanchu.png"/>
                        </div>
                        <div class="right">
                            <p>药剂瓶</p>
                            <p>2</p>
                        </div>
                    </div>
                    <div class="guan">
                        <div class="left">
                            <img src="../imgs/shanchu.png"/>
                        </div>
                        <div class="right">
                            <p>导管</p>
                            <p>1</p>
                        </div>
                    </div>
                    <div class="liang">
                        <div>
                            <p>换件总数量：3</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="sousuo">
                <div class="search">
                    <div class="sea">
                        <div class="inp">
                            <input type="text" placeholder="请输入设备名称"/>
                        </div>
                        <div class="imgs">
                            <img src="../img/sanjiao.png"/>
                        </div>
                    </div>
                </div>
                <div class="u">
                    <ul>
                        <li>设备1</li>
                        <li class="two">设备2</li>
                        <li>设备3</li>
                        <li>设备4</li>
                        <li>设备5</li>
                        <li>设备6</li>
                        <li>设备7</li>
                        <li>设备8</li>
                    </ul>
                </div>
            </div>
            
        </section>
        
        
        
        <script src="../js/flexible.debug.js"></script>
        <script src="../js/flexible_css.debug.js"></script>
        <script src="../js/jquery-1.12.4.min.js"></script>
        
        <script type="text/javascript">
            $(".left").on("click", function(){
                location.href = "qiangxiujieguobaogao.html";
            });
            
            $(".btn p").on("click", function(){
                $(".sousuo").show();
            });
            
            $(".sousuo").on("click", function(){
                $(".sousuo").hide();
            });
            
            
        </script>
        
    </body>
</html>